<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>form</title>
</head>

<body>
  <p>一个完整的表单通常由<b>表单域</b>，以及其内的<b>表单控件</b>和<b>提示信息</b>组成</p><br>
  <h3>Sign in</h3>
  <form action="xxx.html" method="POST" name="register">
    <p>username：<input type="text" name="username" value="请输入用户名" maxlength="7"></p>
    <p>password：<input type="password" name="password"></p>
    <p>sex:
      <!-- label 标签里的for属性应与相关元素的id相同！ -->
      <input type="radio" name="sex" id="male" value="male"><label for="male">male</label>
      <input type="radio" name="sex" id="famale" value="female"><label for="famale">famale</label>
      <input type="radio" name="sex" id="secret" value="secret"><label for="secret">secret</label>
    </p>
    <p>birthday:
      <select name="year" id="">
        <option value="" selected>--choose year--</option>
        <option value="2000">2000</option>
        <option value="2001">2001</option>
        <option value="2002">2002</option>
        <option value="2003">2003</option>
        <option value="2004">2004</option>
      </select>
      <select name="month" id="">
        <option value="" selected>--choose month--</option>
        <option value="1">01</option>
        <option value="2">02</option>
        <option value="3">03</option>
        <option value="4">04</option>
      </select>
      <select name="day" id="">
        <option value="" selected>--choose day--</option>
        <option value="01">01</option>
        <option value="02">02</option>
        <option value="03">03</option>
        <option value="04">04</option>
      </select>
    </p>
    <p>marriage:
      <input type="radio" name="marriage" value="married" id="married" checked><label for="married">married</label>
      <input type="radio" name="marriage" value="single" id="single"><label for="single">single</label>
      <input type="radio" name="marriage" value="divorced" id="divorced"><label for="divorced">divorced</label>
    </p>
    <p>native place:
      <select name="native" id="">
        <option value="bj">Beijing</option>
        <option value="sh">Shanghai</option>
        <option value="gz">Guangzhou</option>
        <option value="ez" selected>Ezhou</option>
      </select>
    </p>
    <p>hobby:
      <input type="checkbox" name="hobby" value="photography">photography
      <input type="checkbox" name="hobby" value="game">game
    </p>
    <p>motto: <br>
      <textarea name="motto" id="" cols="30" rows="5">input your motto here!</textarea>
    </p>
    <p>tel: <input type="text" name="tel" value="" maxlength="11"></p>
    <p>verification code: <input type="text" name="code" maxlength="6"></p>
    <p><input type="button" value="acquire code"></p>
    <input type="checkbox" name="consent" id=""> I am aware of the <a href="#" target="_blank">consent</a>!
    <p>
      <input type="submit" value="submit">
      <input type="reset" value="reset">
    </p>
  </form>
</body>

</html>